<!DOCTYPE html>
<html lang="zh-CN">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>网易云音乐</title>
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
   <link rel="stylesheet" href="./css/index.css">
</head>

<body>
   <!-- 头部开始 -->
   <!-- 黑色导航栏 -->
   <div class="m-top">
      <div class="wrap">
         <!-- 左logo -->
         <h1 class="logo"><a href="./index.html"></a></h1>
         <!-- 中间导航 -->
         <ul>
            <li class="fst">
               <span><a href="./index.html" class="z-slt"><em>发现音乐</em></a></span>
            </li>
            <li>
               <span><a href="../mine/mine.html"><em>我的音乐</em></a></span>
            </li>
            <li>
               <span><a href="/friend"><em>关注</em></a></span>
            </li>
            <li>
               <span><a href="../Shopping/Shopping.html"><em>商城</em></a></span>
            </li>
            <li>
               <span><a href="../musician/musician.html"><em>音乐人</em></a></span>
            </li>
            <li class="lst">
               <span><a href="../download/download.html"><em>下载客户端</em></a></span>
               <i class="hot"></i>
            </li>
         </ul>
         <!-- 右功能 -->
         <div class="m-tophead">
            <a href="../user/user.html" data-action="login">登录</a>
            <div class="m-tlist j-uflag" style="display:none;">
               <div class="inner">
               </div>
               <i class="arr"></i>
            </div>
         </div>

         <a href="../create/create.html"  class="m-topvd f-pr m-creator-center">创作者中心</a>

         <div class="m-srch">
            <i></i>
            <span>
               <input type="text" placeholder="音乐/视频/电台/用户" value style="opacity: 1;">
               <!-- <label class="ph j-flag">音乐/视频/电台/用户</label> -->
            </span>

         </div>
      </div>
   </div>



   <!-- 红色导航栏 -->
   <div class="m-nav">
      <div class="header-btn">
         <ul class="nav">
            <li>
               <a href=" ">
                  <em class="bgc">推荐</em>
               </a>
            </li>
            <li>
               <a href="#">
                  <em>排行榜</em>
               </a>
            </li>
            <li>
               <a href="#">
                  <em>歌单</em>
               </a>
            </li>
            <li>
               <a href="#">
                  <em>主播电台</em>
               </a>
            </li>
            <li>
               <a href="#">
                  <em>歌手</em>
               </a>
            </li>
            <li>
               <a href="#">
                  <em>新碟上架</em>
               </a>
            </li>
         </ul>
      </div>
   </div>
   <!-- 头部结束 -->





   <!-- 轮播图区域开始 -->
   <div class="b-ban">
      <!-- 轮播中心 -->
      <div class="wrap">
         <div class="ban">
            <!-- 左右箭头 -->
            <a href="#123" class="j-left"></a>
            <a href="#321" class="j-right"></a>
            <!-- 左侧轮播区域 -->
            <div class="ban-left">
               <a href="#">
                  <img src="./upload/img0.jpg" alt="">
               </a>
               <!-- 小圆点区域 -->
               <div class="dots">
                  <a href="#" class="adots active" data-index="0"></a>
                  <a href="#" class="adots" data-index="1"></a>
                  <a href="#" class="adots" data-index="2"></a>
                  <a href="#" class="adots" data-index="3"></a>
                  <a href="#" class="adots" data-index="4"></a>
                  <a href="#" class="adots" data-index="5"></a>
                  <a href="#" class="adots" data-index="6"></a>
                  <a href="#" class="adots" data-index="7"></a>
               </div>
            </div>
         </div>

         <!-- 右侧广告区域 -->
         <div class="ban-right">
            <a id="side-download" href="/download" class="btn" hidefocus="true" data-res-action="bilog"
               data-log-action="page"
               data-log-json="{&quot;type&quot;:&quot;downloadapp&quot;,&quot;source&quot;:&quot;banner&quot;}">下载客户端</a>

            <p>PC 安卓 iPhone WP iPad Mac 六大客户端</p>

            <sapn class="l-shadow"></sapn>
            <sapn class="r-shadow"></sapn>
         </div>
      </div>
   </div>
   <!-- 轮播图区域结束 -->



   <!-- 主体区域开始 -->
   <div class="main wrap">
      <!-- 外部大盒子 -->
      <div class="mn1">

         <!-- 左边主要内容 -->
         <div class="mn1c">
            <div class="wrap3">
               <!-- 热门推荐 -->
               <div class="rmtj">
                  <!-- 热门标题 -->
                  <div class="v-hd2">
                     <a href="#" class="tit">热门推荐</a>
                     <div class="tab">
                        <a href="/discover/playlist/?cat=%E5%8D%8E%E8%AF%AD" class="s-fc3">华语</a>
                        <span class="line">|</span>
                        <a href="/discover/playlist/?cat=%E6%B5%81%E8%A1%8C" class="s-fc3">流行</a>
                        <span class="line">|</span>
                        <a href="/discover/playlist/?cat=%E6%91%87%E6%BB%9A" class="s-fc3">摇滚</a>
                        <span class="line">|</span>
                        <a href="/discover/playlist/?cat=%E6%B0%91%E8%B0%A3" class="s-fc3">民谣</a>
                        <span class="line">|</span>
                        <a href="/discover/playlist/?cat=%E7%94%B5%E5%AD%90" class="s-fc3">电子</a>
                     </div>
                     <span class="more"><a href="/discover/playlist/" class="s-fc3">更多</a><i
                           class="cor s-bg s-bg-6">&nbsp;</i></span>
                  </div>
                  <!-- 热门列表信息 -->
                  <ul class="m-cvrlst f-cb">
                     <li>
                        <div class="u-cover u-cover-1">
                           <img src="./upload/rm00.jpg">
                           <i class="u-jp u-icn2 u-icn2-jp3"></i>
                           <a title="后来你哭了，想安慰却忘了早已换了身份" href="../songSheet/songSheet.html" class="msk"></a>
                           <div class="bottom">
                              <a class="icon-play f-fr" title="播放" href="javascript:;" data-res-type="13"
                                 data-res-id="2218171336" data-res-action="play"></a>
                              <span class="icon-headset"></span>
                              <span class="nb">5328万</span>
                           </div>
                        </div>
                        <p class="dec">
                           <a title="后来你哭了，想安慰却忘了早已换了身份" class="tit s-fc0" href="../songSheet/songSheet.html">
                              后来你哭了，想安慰却忘了早已换了身份
                           </a>
                        </p>
                     </li>
                     <li>
                        <div class="u-cover u-cover-1">
                           <img src="./upload/rm01.jpg">
                           <a title="欧美精选 | 嗨 伙计 要来首10w+吗？" href="../songSheet/songSheet.html" class="msk"
                              data-res-id="2301227992" data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|1|alg_high_quality|user-playlist"></a>
                           <div class="bottom">
                              <a class="icon-play f-fr" title="播放" href="javascript:;" data-res-type="13"
                                 data-res-id="2301227992" data-res-action="play"></a>
                              <span class="icon-headset"></span>
                              <span class="nb">12305万</span>
                           </div>
                        </div>
                        <p class="dec">
                           <a title="欧美精选 | 嗨 伙计 要来首10w+吗？" class="tit s-fc0" href="../songSheet/songSheet.html"
                              data-res-id="2301227992" data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|1|alg_high_quality|user-playlist">
                              欧美精选 | 嗨 伙计 要来首10w+吗？
                           </a>
                        </p>
                     </li>
                     <li>
                        <div class="u-cover u-cover-1">
                           <img src="./upload/rm02.jpg">
                           <i class="u-jp u-icn2 u-icn2-jp3"></i>
                           <a title="助眠辑 | 自然音，伴灵动乐符萦绕耳畔" href="../songSheet/songSheet.html" class="msk"
                              data-res-id="2075587022" data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|2|alg_high_quality|user-playlist"></a>
                           <div class="bottom">
                              <a class="icon-play f-fr" title="播放" href="../songSheet/songSheet.html" data-res-type="13"
                                 data-res-id="2075587022" data-res-action="play"></a>
                              <span class="icon-headset"></span>
                              <span class="nb">2800万</span>
                           </div>
                        </div>
                        <p class="dec">
                           <a title="助眠辑 | 自然音，伴灵动乐符萦绕耳畔" class="tit s-fc0" href="../songSheet/songSheet.html"
                              data-res-id="2075587022" data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|2|alg_high_quality|user-playlist">
                              助眠辑 | 自然音，伴灵动乐符萦绕耳畔
                           </a>
                        </p>
                     </li>
                     <li>
                        <div class="u-cover u-cover-1">
                           <img src="./upload/rm03.jpg">
                           <a title="对话解说员申方剑：世界杯上那些看不到的事" href="../songSheet/songSheet.html" class="msk" data-res-id="2514114535"
                              data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|3|featured|user-playlist"></a>
                           <div class="bottom">
                              <a class="icon-play f-fr" title="播放" href="javascript:;" data-res-type="17"
                                 data-res-id="2514114535" data-res-action="play"></a>
                              <span class="icon-headset"></span>
                              <span class="nb">27万</span>
                           </div>
                        </div>
                        <p class="dec">
                           <a title="对话解说员申方剑：世界杯上那些看不到的事" class="tit s-fc0" href="../songSheet/songSheet.html"
                              data-res-id="2514114535" data-res-type="17" data-res-action="log"
                              data-res-data="recommendclick|3|featured|user-playlist">
                              <i class="u-icn u-icn-53"></i>
                              对话解说员申方剑：世界杯上那些看不到的事
                           </a>
                        </p>
                     </li>
                     <li>
                        <div class="u-cover u-cover-1">
                           <img src="./upload/rm04.jpg">
                           <a title="[声线] 空 灵 女 声" href="../songSheet/songSheet.html" class="msk" data-res-id="123243715"
                              data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|4|alg_high_quality|user-playlist"></a>
                           <div class="bottom">
                              <a class="icon-play f-fr" title="播放" href="javascript:;" data-res-type="13"
                                 data-res-id="123243715" data-res-action="play"></a>
                              <span class="icon-headset"></span>
                              <span class="nb">2496万</span>
                           </div>
                        </div>
                        <p class="dec">
                           <a title="[声线] 空 灵 女 声" class="tit s-fc0" href="../songSheet/songSheet.html"
                              data-res-id="123243715" data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|4|alg_high_quality|user-playlist">
                              [声线] 空 灵 女 声
                           </a>
                        </p>
                     </li>
                     <li>
                        <div class="u-cover u-cover-1">
                           <img src="./upload/rm05.jpg">
                           <a title="Ep.03“父亲是我生命里最大威胁与恐惧”【时光主题展|成长】" href="../songSheet/songSheet.html" class="msk"
                              data-res-id="2514272640" data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|5|featured|user-playlist"></a>
                           <div class="bottom">
                              <a class="icon-play f-fr" title="播放" href="javascript:;" data-res-type="17"
                                 data-res-id="2514272640" data-res-action="play"></a>
                              <span class="icon-headset"></span>
                              <span class="nb">4866</span>
                           </div>
                        </div>
                        <p class="dec">
                           <a title="Ep.03“父亲是我生命里最大威胁与恐惧”【时光主题展|成长】" class="tit s-fc0" href="../songSheet/songSheet.html"
                              data-res-id="2514272640" data-res-type="17" data-res-action="log"
                              data-res-data="recommendclick|5|featured|user-playlist">
                              <i class="u-icn u-icn-53"></i>
                              Ep.03“父亲是我生命里最大威胁与恐惧”【时光主题展|...
                           </a>
                        </p>
                     </li>
                     <li>
                        <div class="u-cover u-cover-1">
                           <img src="./upload/rm06.jpg">
                           <a title="【万评电音】抬头，已是一片星海" href="../songSheet/songSheet.html" class="msk"
                              data-res-id="2237048282" data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|6|alg_high_quality|user-playlist"></a>
                           <div class="bottom">
                              <a class="icon-play f-fr" title="播放" href="javascript:;" data-res-type="13"
                                 data-res-id="2237048282" data-res-action="play"></a>
                              <span class="icon-headset"></span>
                              <span class="nb">2297万</span>
                           </div>
                        </div>
                        <p class="dec">
                           <a title="【万评电音】抬头，已是一片星海" class="tit s-fc0" href="../songSheet/songSheet.html"
                              data-res-id="2237048282" data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|6|alg_high_quality|user-playlist">
                              【万评电音】抬头，已是一片星海
                           </a>
                        </p>
                     </li>
                     <li>
                        <div class="u-cover u-cover-1">
                           <img src="./upload/rm07.jpg">
                           <a title="如果爱忘了（烟嗓版" href="../songSheet/songSheet.html" class="msk" data-res-id="2508503144"
                              data-res-type="13" data-res-action="log"
                              data-res-data="recommendclick|7|hot_server|user-playlist"></a>
                           <div class="bottom">
                              <a class="icon-play f-fr" title="播放" href="javascript:;" data-res-type="17"
                                 data-res-id="2508503144" data-res-action="play"></a>
                              <span class="icon-headset"></span>
                              <span class="nb">709万</span>
                           </div>
                        </div>
                        <p class="dec">
                           <a title="如果爱忘了（烟嗓版" class="tit s-fc0" href="../songSheet/songSheet.html" data-res-id="2508503144"
                              data-res-type="17" data-res-action="log"
                              data-res-data="recommendclick|7|hot_server|user-playlist">
                              <i class="u-icn u-icn-53"></i>
                              如果爱忘了（烟嗓版
                           </a>
                        </p>
                     </li>
                  </ul>
               </div>
               <!-- 新碟上架 -->
               <div class="new">
                  <div class="v-hd2">
                     <a href="/discover/album/" class="tit f-ff2 f-tdn">新碟上架</a>
                     <span class="more"><a href="/discover/album/" class="s-fc3">更多</a><i
                           class="cor s-bg s-bg-6">&nbsp;</i></span>
                  </div>
                  <div class="n-disk">
                     <div class="inner" id="album-roller">
                        <a hidefocus="true" href="javascript:;" class="click-flag pre s-bg s-bg-7 f-tdn">&nbsp;</a>
                        <div class="roll f-pr">
                           <ul class="f-cb roller-flag" style="left:-645px;">
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd00.jpg">
                                    <a title="云泥之别" href="#" class="msk"></a>
                                    <a href="#" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="云泥之别" href="#" class="s-fc0 tit">云泥之别</a></p>
                                 <p class="tit f-thide" title="太一">
                                    <a class="s-fc3" href="#">太一</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd01.jpg">
                                    <a title="循" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="循" href="/album?id=155464907" class="s-fc0 tit">循</a></p>
                                 <p class="tit f-thide" title="黑豹乐队">
                                    <a class="s-fc3" href="/artist?id=11759">黑豹乐队</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd02.jpg">
                                    <a title="Lowlife Princess: Noir" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="Lowlife Princess: Noir" href="#" class="s-fc0 tit">Lowlife
                                       Princess: Noir</a></p>
                                 <p class="tit f-thide" title="BIBI">
                                    <a class="s-fc3" href="/artist?id=12457112">BIBI</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd03.jpg">
                                    <a title="Thriller 40" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="Thriller 40" href="#" class="s-fc0 tit">Thriller 40</a>
                                 </p>
                                 <p class="tit f-thide" title="Michael Jackson">
                                    <a class="s-fc3" href="/artist?id=38853">Michael Jackson</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd04.jpg">
                                    <a title="TRIP" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="TRIP" href="#" class="s-fc0 tit">TRIP</a></p>
                                 <p class="tit f-thide" title="袁娅维TIA RAY">
                                    <a class="s-fc3" href="/artist?id=10473">袁娅维TIA RAY</a>
                                 </p>
                              </li>
                           </ul>
                           <ul class="f-cb roller-flag" style="left:0px;">
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd10.jpg">
                                    <a title="LANDER" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="LANDER" href="#" class="s-fc0 tit">LANDER</a></p>
                                 <p class="tit f-thide" title="LiSA">
                                    <a class="s-fc3" href="#">LiSA</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd11.jpg">
                                    <a title="LONG TIME KNOW SEE" href="/album?id=154402046" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="LONG TIME KNOW SEE" href="#" class="s-fc0 tit">LONG TIME
                                       KNOW SEE</a></p>
                                 <p class="tit f-thide" title="KnowKnow">
                                    <a class="s-fc3" href="#">KnowKnow</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd12.jpg">
                                    <a title="すずめの戸締まり" href="/album?id=153778832" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="すずめの戸締まり" href="#" class="s-fc0 tit">すずめの戸締まり</a></p>
                                 <p class="tit f-thide" title="RADWIMPS / 陣内一真">
                                    <a class="s-fc3" href="#">RADWIMPS</a>
                                    &nbsp;/&nbsp;
                                    <a class="s-fc3" href="#">陣内一真</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd13.jpg">
                                    <a title="SMITHEREENS" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="SMITHEREENS" href="#" class="s-fc0 tit">SMITHEREENS</a>
                                 </p>
                                 <p class="tit f-thide" title="Joji">
                                    <a class="s-fc3" href="#">Joji</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd14.jpg">
                                    <a title="Her Loss" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="Her Loss" href="#" class="s-fc0 tit">Her Loss</a></p>
                                 <p class="tit f-thide" title="Drake / 21 Savage">
                                    <a class="s-fc3" href="#">Drake</a>
                                    &nbsp;/&nbsp;
                                    <a class="s-fc3" href="#">21 Savage</a>
                                 </p>
                              </li>
                           </ul>
                           <ul class="f-cb roller-flag" style="left:645px;">
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd00.jpg">
                                    <a title="云泥之别" href="#" class="msk"></a>
                                    <a href="#" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="云泥之别" href="#" class="s-fc0 tit">云泥之别</a></p>
                                 <p class="tit f-thide" title="太一">
                                    <a class="s-fc3" href="#">太一</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd01.jpg">
                                    <a title="循" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="循" href="/album?id=155464907" class="s-fc0 tit">循</a></p>
                                 <p class="tit f-thide" title="黑豹乐队">
                                    <a class="s-fc3" href="/artist?id=11759">黑豹乐队</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd02.jpg">
                                    <a title="Lowlife Princess: Noir" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="Lowlife Princess: Noir" href="#" class="s-fc0 tit">Lowlife
                                       Princess: Noir</a></p>
                                 <p class="tit f-thide" title="BIBI">
                                    <a class="s-fc3" href="/artist?id=12457112">BIBI</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd03.jpg">
                                    <a title="Thriller 40" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="Thriller 40" href="#" class="s-fc0 tit">Thriller 40</a>
                                 </p>
                                 <p class="tit f-thide" title="Michael Jackson">
                                    <a class="s-fc3" href="/artist?id=38853">Michael Jackson</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd04.jpg">
                                    <a title="TRIP" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="TRIP" href="#" class="s-fc0 tit">TRIP</a></p>
                                 <p class="tit f-thide" title="袁娅维TIA RAY">
                                    <a class="s-fc3" href="/artist?id=10473">袁娅维TIA RAY</a>
                                 </p>
                              </li>
                           </ul>
                           <ul class="f-cb roller-flag" style="left:-645px;">
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd10.jpg">
                                    <a title="LANDER" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="LANDER" href="#" class="s-fc0 tit">LANDER</a></p>
                                 <p class="tit f-thide" title="LiSA">
                                    <a class="s-fc3" href="#">LiSA</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd11.jpg">
                                    <a title="LONG TIME KNOW SEE" href="/album?id=154402046" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="LONG TIME KNOW SEE" href="#" class="s-fc0 tit">LONG TIME
                                       KNOW SEE</a></p>
                                 <p class="tit f-thide" title="KnowKnow">
                                    <a class="s-fc3" href="#">KnowKnow</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd12.jpg">
                                    <a title="すずめの戸締まり" href="/album?id=153778832" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="すずめの戸締まり" href="#" class="s-fc0 tit">すずめの戸締まり</a></p>
                                 <p class="tit f-thide" title="RADWIMPS / 陣内一真">
                                    <a class="s-fc3" href="#">RADWIMPS</a>
                                    &nbsp;/&nbsp;
                                    <a class="s-fc3" href="#">陣内一真</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd13.jpg">
                                    <a title="SMITHEREENS" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="SMITHEREENS" href="#" class="s-fc0 tit">SMITHEREENS</a>
                                 </p>
                                 <p class="tit f-thide" title="Joji">
                                    <a class="s-fc3" href="#">Joji</a>
                                 </p>
                              </li>
                              <li>
                                 <div class="u-cover u-cover-alb1">
                                    <img class="j-img" src="./upload/xd14.jpg">
                                    <a title="Her Loss" href="#" class="msk"></a>
                                    <a href="javascript:;" class="icon-play f-alpha f-fr" title="播放"></a>
                                 </div>
                                 <p class="f-thide"><a title="Her Loss" href="#" class="s-fc0 tit">Her Loss</a></p>
                                 <p class="tit f-thide" title="Drake / 21 Savage">
                                    <a class="s-fc3" href="#">Drake</a>
                                    &nbsp;/&nbsp;
                                    <a class="s-fc3" href="#">21 Savage</a>
                                 </p>
                              </li>
                           </ul>
                        </div>
                        <a hidefocus="true" href="javascript:;" class="click-flag nxt s-bg s-bg-8 f-tdn">&nbsp;</a>
                     </div>
                  </div>
               </div>
               <!-- 榜单 -->
               <div class="bill">
                  <div class="v-hd2">
                     <a href="#" class="tit f-ff2 f-tdn">榜单</a>
                     <span class="more"><a href="#" class="s-fc3">更多</a><i class="cor s-bg s-bg-6">&nbsp;</i></span>
                  </div>
                  <div class="n-bilst" id="top-flag">
                     <dl class="blk ">
                        <dt class="top">
                           <div class="cver u-cover u-cover-4">
                              <img class="j-img" src="./images/bd00.jpg">
                              <a href="#" class="msk" title="飙升榜"></a>
                           </div>
                           <div class="tit">
                              <a href="#" title="飙升榜">
                                 <h3 class="f-fs1 f-thide">飙升榜</h3>
                              </a>
                              <div class="btn">
                                 <a href="javascript:;" class="s-bg s-bg-9 f-tdn" hidefocus="true" title="播放"
                                    data-res-type="13" data-res-id="19723756" data-res-action="play" data-res-from="31"
                                    data-res-data="19723756">播放</a>
                                 <a href="javascript:;" hidefocus="true" class="s-bg s-bg-10 f-tdn subscribe-flag "
                                    data-plid="19723756" title="收藏">收藏</a>
                              </div>
                           </div>
                        </dt>
                        <dd>
                           <ol>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">1</span>
                                 <a href="/song?id=1995489607" class="nm s-fc0 f-thide" title="You Know What I Need">You
                                    Know What I Need</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1995489607" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1995489607" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1995489607"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">2</span>
                                 <a href="/song?id=1983290040" class="nm s-fc0 f-thide" title="黄昏晓">黄昏晓</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1983290040" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1983290040" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1983290040"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">3</span>
                                 <a href="/song?id=28639182" class="nm s-fc0 f-thide" title="Try">Try</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="28639182" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="28639182" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="10"
                                       data-res-fee="1" data-res-type="18" data-res-id="28639182"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">4</span>
                                 <a href="/song?id=1999005174" class="nm s-fc0 f-thide" title="不要脸">不要脸</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1999005174" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1999005174" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1999005174"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">5</span>
                                 <a href="/song?id=1974443814" class="nm s-fc0 f-thide" title="我记得">我记得</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1974443814" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1974443814" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1974443814"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">6</span>
                                 <a href="/song?id=1924072773" class="nm s-fc0 f-thide" title="他在乎">他在乎</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1924072773" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1924072773" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1924072773"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''">
                                 <span class="no">7</span>
                                 <a href="/song?id=1359382613" class="nm s-fc0 f-thide" title="我愿">我愿</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1359382613" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1359382613" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1359382613"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''">
                                 <span class="no">8</span>
                                 <a href="/song?id=1403318151" class="nm s-fc0 f-thide" title="把回忆拼好给你">把回忆拼好给你</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1403318151" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1403318151" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1403318151"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''">
                                 <span class="no">9</span>
                                 <a href="/song?id=1356658022" class="nm s-fc0 f-thide" title="Slow Down">Slow Down</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1356658022" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1356658022" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1356658022"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''">
                                 <span class="no">10</span>
                                 <a href="/song?id=1986853998" class="nm s-fc0 f-thide" title="i'll be there">i'll be
                                    there</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1986853998" data-res-action="play" data-res-from="31"
                                       data-res-data="19723756"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1986853998" data-res-action="addto"
                                       data-res-from="31" data-res-data="19723756"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1986853998"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                           </ol>
                           <div class="more"><a href="/discover/toplist?id=19723756" class="s-fc0">查看全部&gt;</a></div>
                        </dd>
                     </dl>
                     <dl class="blk ">
                        <dt class="top">
                           <div class="cver u-cover u-cover-4">
                              <img class="j-img"
                                 data-src="http://p4.music.126.net/wVmyNS6b_0Nn-y6AX8UbpQ==/109951166952686384.jpg?param=100y100"
                                 src="http://p4.music.126.net/wVmyNS6b_0Nn-y6AX8UbpQ==/109951166952686384.jpg?param=100y100">
                              <a href="/discover/toplist?id=3779629" class="msk" title="新歌榜"></a>
                           </div>
                           <div class="tit">
                              <a href="/discover/toplist?id=3779629" title="新歌榜">
                                 <h3 class="f-fs1 f-thide">新歌榜</h3>
                              </a>
                              <div class="btn">
                                 <a href="javascript:;" class="s-bg s-bg-9 f-tdn" hidefocus="true" title="播放"
                                    data-res-type="13" data-res-id="3779629" data-res-action="play" data-res-from="31"
                                    data-res-data="3779629">播放</a>
                                 <a href="javascript:;" hidefocus="true" class="s-bg s-bg-10 f-tdn subscribe-flag "
                                    data-plid="3779629" title="收藏">收藏</a>
                              </div>
                           </div>
                        </dt>
                        <dd>
                           <ol>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">1</span>
                                 <a href="/song?id=2000381011" class="nm s-fc0 f-thide" title="来年后·少年">来年后·少年</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2000381011" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2000381011" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2000381011"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">2</span>
                                 <a href="/song?id=1994863874" class="nm s-fc0 f-thide" title="回答">回答</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1994863874" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1994863874" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1994863874"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">3</span>
                                 <a href="/song?id=1997438791" class="nm s-fc0 f-thide" title="乌梅子酱">乌梅子酱</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1997438791" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1997438791" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1997438791"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">4</span>
                                 <a href="/song?id=1999817550" class="nm s-fc0 f-thide"
                                    title="Dreamers [Music from the FIFA World Cup Qatar 2022 Official Soundtrack]">Dreamers
                                    [Music from the FIFA World Cup Qatar 2022 Official Soundtrack]</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1999817550" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1999817550" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1999817550"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">5</span>
                                 <a href="/song?id=1995174272" class="nm s-fc0 f-thide" title="那么骄傲">那么骄傲</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1995174272" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1995174272" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1995174272"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">6</span>
                                 <a href="/song?id=1995339514" class="nm s-fc0 f-thide" title="写不来情歌">写不来情歌</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1995339514" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1995339514" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1995339514"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">7</span>
                                 <a href="/song?id=1992034569" class="nm s-fc0 f-thide" title="彩色翅膀·2022">彩色翅膀·2022</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1992034569" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1992034569" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1992034569"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">8</span>
                                 <a href="/song?id=1995489607" class="nm s-fc0 f-thide" title="You Know What I Need">You
                                    Know What I Need</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1995489607" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1995489607" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1995489607"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">9</span>
                                 <a href="/song?id=1998971833" class="nm s-fc0 f-thide" title="你听你听">你听你听</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1998971833" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1998971833" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1998971833"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">10</span>
                                 <a href="/song?id=1997803187" class="nm s-fc0 f-thide" title="나의 모든 이들에게">나의 모든
                                    이들에게</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1997803187" data-res-action="play" data-res-from="31"
                                       data-res-data="3779629"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1997803187" data-res-action="addto"
                                       data-res-from="31" data-res-data="3779629"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1997803187"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                           </ol>
                           <div class="more"><a href="/discover/toplist?id=3779629" class="s-fc0">查看全部&gt;</a></div>
                        </dd>
                     </dl>
                     <dl class="blk blk-1">
                        <dt class="top">
                           <div class="cver u-cover u-cover-4">
                              <img class="j-img"
                                 data-src="http://p4.music.126.net/iFZ_nw2V86IFk90dc50kdQ==/109951166961388699.jpg?param=100y100"
                                 src="http://p4.music.126.net/iFZ_nw2V86IFk90dc50kdQ==/109951166961388699.jpg?param=100y100">
                              <a href="/discover/toplist?id=2884035" class="msk" title="原创榜"></a>
                           </div>
                           <div class="tit">
                              <a href="/discover/toplist?id=2884035" title="原创榜">
                                 <h3 class="f-fs1 f-thide">原创榜</h3>
                              </a>
                              <div class="btn">
                                 <a href="javascript:;" class="s-bg s-bg-9 f-tdn" hidefocus="true" title="播放"
                                    data-res-type="13" data-res-id="2884035" data-res-action="play" data-res-from="31"
                                    data-res-data="2884035">播放</a>
                                 <a href="javascript:;" hidefocus="true" class="s-bg s-bg-10 f-tdn subscribe-flag "
                                    data-plid="2884035" title="收藏">收藏</a>
                              </div>
                           </div>
                        </dt>
                        <dd>
                           <ol>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">1</span>
                                 <a href="/song?id=2001036566" class="nm s-fc0 f-thide" title="U">U</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2001036566" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2001036566" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2001036566"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">2</span>
                                 <a href="/song?id=2001539870" class="nm s-fc0 f-thide" title="坏蛋俱乐部">坏蛋俱乐部</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2001539870" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2001539870" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2001539870"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no no-top">3</span>
                                 <a href="/song?id=2001610144" class="nm s-fc0 f-thide" title="IDK">IDK</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2001610144" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2001610144" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2001610144"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">4</span>
                                 <a href="/song?id=1999301446" class="nm s-fc0 f-thide" title="感同身受">感同身受</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1999301446" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1999301446" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1999301446"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">5</span>
                                 <a href="/song?id=2000984866" class="nm s-fc0 f-thide" title="晴空烟火">晴空烟火</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2000984866" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2000984866" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2000984866"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">6</span>
                                 <a href="/song?id=2001340026" class="nm s-fc0 f-thide" title="怎么能不心动">怎么能不心动</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2001340026" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2001340026" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2001340026"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">7</span>
                                 <a href="/song?id=2002635943" class="nm s-fc0 f-thide" title="若时光也有轮廓">若时光也有轮廓</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2002635943" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2002635943" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2002635943"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">8</span>
                                 <a href="/song?id=2001367822" class="nm s-fc0 f-thide" title="我的轨迹">我的轨迹</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2001367822" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2001367822" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2001367822"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">9</span>
                                 <a href="/song?id=2000374521" class="nm s-fc0 f-thide" title="借口">借口</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="2000374521" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="2000374521" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="2000374521"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                              <li onmouseover="this.className='z-hvr'" onmouseout="this.className=''" class="">
                                 <span class="no">10</span>
                                 <a href="/song?id=1998971833" class="nm s-fc0 f-thide" title="你听你听">你听你听</a>
                                 <div class="oper">
                                    <a href="#" class="s-bg s-bg-11" title="播放" hidefocus="true" data-res-type="18"
                                       data-res-id="1998971833" data-res-action="play" data-res-from="31"
                                       data-res-data="2884035"></a>
                                    <a href="#" class="u-icn u-icn-81" title="添加到播放列表" hidefocus="true"
                                       data-res-type="18" data-res-id="1998971833" data-res-action="addto"
                                       data-res-from="31" data-res-data="2884035"></a>
                                    <a href="#" class="s-bg s-bg-12" title="收藏" hidefocus="true" data-res-level="0"
                                       data-res-fee="8" data-res-type="18" data-res-id="1998971833"
                                       data-res-action="subscribe"></a>
                                 </div>
                              </li>
                           </ol>
                           <div class="more"><a href="/discover/toplist?id=2884035" class="s-fc0">查看全部&gt;</a></div>
                        </dd>
                     </dl>
                  </div>
               </div>
            </div>
         </div>
      </div>

      <!-- 右边侧栏 -->
      <div class="rnav">
         <!-- 用户登录 -->

         <div class="user">
            <!-- 用户信息 -->
            <div class="user-info">
               <div class="user-top">
                  <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>

                  <a href="#">用户登录</a>
               </div>

               <div class="user-bottom">

               </div>
            </div>
         </div>

         <!-- 入驻歌手 -->
         <div class="singer">
            <h3 class="v-hd3">
               <span class="f-fl">入驻歌手</span>
               <a href="/discover/artist/signed/" class="more s-fc3">查看全部 &gt;</a>
            </h3>

            <ul>
               <li>
                  <a href="#">
                     <div class="left">
                        <img src="./upload/xd01.jpg">
                     </div>
                     <div class="right">
                        <h4>
                           <span>张惠妹aMEI</span>
                        </h4>
                        <p>台湾歌手张惠妹</p>
                     </div>
                  </a>
               </li>
               <li>
                  <a href="#">
                     <div class="left">
                        <img src="./upload/xd02.jpg">
                     </div>
                     <div class="right">
                        <h4>
                           <span>张惠妹aMEI</span>
                        </h4>
                        <p>台湾歌手张惠妹</p>
                     </div>
                  </a>
               </li>
               <li>
                  <a href="#">
                     <div class="left">
                        <img src="./upload/xd03.jpg">
                     </div>
                     <div class="right">
                        <h4>
                           <span>张惠妹aMEI</span>
                        </h4>
                        <p>台湾歌手张惠妹</p>
                     </div>
                  </a>
               </li>
               <li>
                  <a href="#">
                     <div class="left">
                        <img src="./upload/xd04.jpg">
                     </div>
                     <div class="right">
                        <h4>
                           <span>张惠妹aMEI</span>
                        </h4>
                        <p>台湾歌手张惠妹</p>
                     </div>
                  </a>
               </li>
               <li>
                  <a href="#">
                     <div class="left">
                        <img src="./upload/xd00.jpg">
                     </div>
                     <div class="right">
                        <h4>
                           <span>张惠妹aMEI</span>
                        </h4>
                        <p>台湾歌手张惠妹</p>
                     </div>
                  </a>
               </li>
            </ul>

            <div>
               <a href="#">
                  <i>申请成为网易音乐人</i>
               </a>
            </div>
         </div>

         <!-- 热门主播 -->
         <div class="hoter">

         </div>
      </div>

   </div>
   <!-- 主体区域结束 -->

   <!-- 尾部区域开始 -->
   <div class="g-ft ">
      <div class="m-ft">
      <div class="wrap f-cb">
      <ul class="enter">
      <li class="unit">
      <a class="logo logonew logo-openplatform f-tid" href="https://developer.music.163.com/st/developer" target="_blank"></a>
      <span class="tt">音乐开放平台</span>
      </li>
      <li class="unit">
      <a class="logo logonew logo-trade f-tid" href="//music.163.com/st/web-sublicense/home" target="_blank"></a>
      <span class="tt">云村交易所</span>
      </li>
      <li class="unit">
      <a class="logo logonew logo-amped f-tid" href="https://web-amped.music.163.com/" target="_blank"></a>
      <span class="tt">Amped Studio</span>
      </li>
      <li class="unit">
      <a class="logo logonew logo-auth f-tid" href="//music.163.com/st/userbasic#/auth" target="_blank"></a>
      <span class="tt">用户认证</span>
      </li>
      <li class="unit">
      <a class="logo logonew logo-musician f-tid" href="//music.163.com/musician/artist" target="_blank"></a>
      <span class="tt">独立音乐人</span>
      </li>
      <li class="unit">
      <a class="logo logonew logo-reward f-tid" href="//music.163.com/web/reward" target="_blank"></a>
      <span class="tt">赞赏</span>
      </li>
      <li class="unit">
      <a class="logo logonew logo-cash f-tid" href="//music.163.com/st/ncreator/revenue-plan" target="_blank"></a>
      <span class="tt">视频激励</span>
      </li>
      </ul>
      <div class="copy">
      <p class="link" id="music-link">
      <a href="//st.music.163.com/official-terms/service" target="_blank" class="item s-fc3">服务条款</a><span class="line">|</span>
      <a href="//st.music.163.com/official-terms/privacy" target="_blank" class="item s-fc3">隐私政策</a><span class="line">|</span>
      <a href="//st.music.163.com/official-terms/children" target="_blank" class="item s-fc3">儿童隐私政策</a><span class="line">|</span>
      <a href="//music.163.com/st/staticdeal/complaints.html" target="_blank" class="item s-fc3">版权投诉</a><span class="line">|</span>
      <a href="http://ir.music.163.com" target="_blank" class="item s-fc3">投资者关系</a><span class="line">|</span>
      <a href="https://music.163.com/ui/resource" rel="noopener noreferrer" target="_blank" class="item s-fc3">广告合作</a>
      <span class="line">|</span>
      <a onclick="nm.x.biLog('click', {mspm:'61f261f4b99b0d5882ce3a78',page:'web_netease_music_homepage',target:'base_fast_access'});return true;" href="//mp.music.163.com/600948c936c13f4d09752e73/contact-us-web/index.html?source=Music-Main-Station" target="_blank" class="s-fc3">联系我们</a>
      </p>
      <p class="right s-fc3">
      <a href="https://jubao.163.com" target="_blank" class="sep alink s-fc3">廉正举报</a>
      <span class="sep span">不良信息举报邮箱: 51jubao@service.netease.com</span>
      <span class="span">客服热线：95163298</span>
      </p>
      <p class="right s-fc3">
      <span class="span">互联网宗教信息服务许可证：浙（2022）0000120</span>
      <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="noopener noreferrer" target="_blank" class="alink s-fc3">粤B2-20090191-18&nbsp;&nbsp;工业和信息化部备案管理系统网站</a>
      <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010902002564" rel="noopener noreferrer" target="_blank" class="alink s-fc3 police-link">
      <span class="police-logo"></span>
      <span class="police-text">浙公网安备 33010902002564号</span>
      </a>
      </p>
      <p class="right s-fc3">
      <span class="sep span">网易公司版权所有©1997-2022</span><span class="span">杭州乐读科技有限公司运营：</span><a href="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/8282703158/452a/ca0c/3a10/caad83bc8ffaa850a9dc1613d74824fc.png" target="_blank" class="alink s-fc3">浙网文[2021] 1186-054号</a>
      </p>
      </div>
      </div>
      </div>
      </div>
   <!-- 尾部区域结束 -->

   <a title="回到顶部" class="m-back" href="#" id="g_backtop" hidefocus="true" >回到顶部</a>
   

   <!-- 底部播放栏开始 -->
   <div class="f-updown">
      <!-- 锁 -->
      <div class="locks">
         <div class="lock">
            <a href="#" class="button"></a>
         </div>
         <div class="lock-right"></div>
      </div>
      <!-- 背景图 -->
      <div class="background"></div>
      <div class="hand"></div>
      <!-- 播放部分 -->
      <div class="f-play-music">
         <div class="btns">
            <a href="#" class="prev"></a>
            <a href="#" class="play"></a>
            <a href="#" class="next"></a>
         </div>
         <div class="def-cover">
            <img src="./images/default_album.jpg" alt="">
            <a href="#"></a>
         </div>
         <div class="play-process">
            <div class="words"></div>
            <!-- 外部容器 -->
            <div class="pbar">
               <!-- 包裹进度条 -->
               <div class="barbg">
                  <!-- 进度条 -->
                  <div class="ready">
                     <!-- 圆角 -->
                     <div class="curser">
                        <span class="btn"></span>
                     </div>
                  </div>
               </div>
               <span class="time">
                  <em>00:00</em>
                  / 00:00
               </span>

            </div>
         </div>
         <!-- 收藏分享部分 -->
         <div class="operations">
            <a href="#" class="icn icn-pip"></a>
            <a href="#" class="icn icn-add"></a>
            <a href="#" class="icn icn-share"></a>
         </div>
         <div class="controls">
            <!-- 音量控制按键 -->
            <a href="#" class="icn volume"></a>
            <div class="m-vol">
               <div class="barbg"></div>
               <div class="vbg">
                  <div class="curr">
                     <span class="btn"></span>
                  </div>
               </div>
            </div>
            <!-- 播放方式 -->
            <a href="#" class="icn mode"></a>
            <div class="modetip">随机</div>
            <!-- 播放列表 -->
            <span class="add">
               <a href="#" class="icn list"></a>
            </span>
            <div class="f-playlist">
               <div class="listhd">
                  <h4>播放列表（0）</h4>
                  <a href="#" class="addall">
                     <span></span>
                     收藏全部
                  </a>
                  <span class="line"></span>
                  <a href="#" class="clear">
                     <span></span>
                     清除
                  </a>
                  <span class="f-close"></span>
               </div>
               <div class="listbd">
                  <div class="listmsk">
                     <div class="msk">
                        <i></i>
                        你还没有添加任何歌曲
                        <br>
                        去首页发现音乐，或在我的音乐收听自己收藏的歌单。
                     </div>
                  </div>
                  <div class="bline"></div>
                  <div class="ask">
                     <a href="#"></a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <!-- 底部播放栏结束-->


   
   <script src="./js/index.js"></script>
   
</body>

</html>